草庐IT

SVG 实例

全部标签

javascript - 使用模块模式和实例化新对象之间的区别

我正在尝试重构一些javascript,但我对模块模式感到困惑。我现在的一种方法是简单地声明一个包含组件所有功能的类varFoo=function(){this.Bar={};...}并创建一个新实例以在组件中使用。但我也读过模块模式,我看不出与我所拥有的相比有什么好处,因为它似乎做的差不多,只是以更复杂的方式。也许我只是没有遇到让它成为更好选择的案例。例如,这样的模式:varmodule=(function(){//privatevariablesandfunctionsvarfoo='bar';//constructorvarmodule=function(){};//protot

javascript - 简单对象 vs. 工厂 vs. 构造函数——实例

在JavaScript中创建对象的三种方式:通过简单的对象创建通过工厂功能通过构造函数简单的对象创建:varronaldo={name:"Ronaldo",age:"35",quote:"HiIamRonaldo",salary:function(x){returnx+2500;}};工厂函数:functionhuman(x,y,z,i){return{name:x,age:y,quote:z,salary:function(i){returni+2500;}}};varZini=human('Zenidan','41','IamZidane',7500);构造函数:varhuman=

javascript - 使用 SVG 和 Javascript 的交互式有向图

我必须向SVG有向图添加一些交互功能。到目前为止,我要显示的图表是从点文件生成并呈现为SVG。我想知道是否有一些简单的方法可以向此类SVG文档添加交互性(可能使用Javascript)。我需要的是当鼠标经过一个节点时显示一些信息,并使比较两个节点成为可能。由于我的模型是自动生成的,所以我更愿意保留点生成的SVG,并使用单独的Javascript在其上放置额外的信息。 最佳答案 我有一个内嵌SVG的例子。此SVG与您所拥有的之间的区别在于,我演示中的那个具有节点和事物的id属性。我确实从graphviz网站上得到了这个SVG。Demo

javascript - 如何在 JavaScript 中向 SVG 对象添加过滤器?

我正在尝试使用JavaScript创建feGaussianBlur滤镜并将其添加到SVG矩形,使用thiscode作为引用。我得到一个矩形,但它没有被过滤。我做错了什么?我正在尝试这样:varcontainer=document.getElementById("svgContainer");varmySvg=document.createElementNS("http://www.w3.org/2000/svg","svg");mySvg.setAttribute("version","1.1");container.appendChild(mySvg);varobj=document

c# - 通过 COM 从 JavaScript 将 C# 类实例传回托管代码

下面的代码显示了我的问题的基本轮廓。我在一个表单中托管一个WebBrowser控件,并提供一个具有两种方法的ObjectForScripting:GiveMeAGizmo和GiveMeAGizmoUser。两种方法都返回各自的类实例:[ComVisible]publicclassGizmo{publicstringname{get;set;}}[ComVisible]publicclassGizmoUser{publicvoiddoSomethingWith(objectoGizmo){Gizmog=(Gizmo)oGizmo;System.Diagnostics.Debug.Writ

javascript - 你如何在 JavaScript 中创建实例的实例

我想制作一组不同人可以拥有的汽车的独特实例。这些汽车将具有相似的基本规范,但它们的某些属性和方法会有所不同。我遇到的问题是我不知道它应该如何工作。您如何在JavaScript中处理或创建实例的实例?varCar=function(make,country){this.make=make;this.country=country;};varFerrari=newCar('Ferrari','Italy');varfred=newPerson(){};varfred.cars['Ferrari']=newFerrari(1200,300000);由于显而易见的原因,这会导致此错误。我知道它

javascript - 装载机中的 Ionic 2 自定义 svg 微调器

我正在尝试将我的SVG添加到加载创建函数中,但是当我去查看它时,我看到的只是一个空标签,它应该在该位置。letloading=this.loadingCtrl.create({spinner:'',content:this.appConfig.customSpinner})上面是我的创建代码,该变量是下面的SVG代码。.st2{fill:none;stroke-width:40;stroke-miterlimit:10;}我怎样才能让它渲染?我也已将它复制到ionic论坛上link我试图添加一个管道,使其在运行时安全,但也失败了。我制作的内容是这样的:这是我的pipe:import{P

javascript - 为什么两个 JS 日期对象实例化不同?

我想启用/禁用基于日期选择器的按钮,并且我有一个这样的检查设置:publicdateChanged=false;publicavailableFromDate:Date;publicavailableToDate:Date;initDatepickers(){constcurrentDay=newDate();this.availableFromDate=currentDay;this.availableToDate=currentDay;}privatedateCheck(){if((this.availableFromDate>this.availableToDate)||(thi

svg - 使用 SVG 和 JavaScript 指向多边形检查?

我有一张map,我通过将不同颜色的区域转换为路径将光栅图形转换为SVG文件。我知道如何在给定边数组的情况下进行基本的多边形点检查,但是svg:path元素代表多个多边形以及mask(考虑到海洋等)和通过解析d属性来提取该信息似乎相当笨拙。是否有一个JS库可以让我简化该检查?我基本上想创建随机点,然后检查它们是在陆地上(即多边形内部)还是水上(即外部)。由于SVG元素似乎允许鼠标事件处理,我认为这应该不是什么大问题(即,如果您可以判断鼠标指针是否在元素之上,那么您已经解决了问题-多边形问题)。编辑:让事情有点复杂,我应该提到svg:path元素似乎是基于曲线而不是直线,所以只需解析d属性

javascript - 将键盘事件附加到 HTML 中的 SVG 元素

当在浏览器中运行HTML内的SVG时,无论如何要将textInput或keypress(或实际上任何其他文本输入)事件附加到SVG元素?我可以将事件处理程序附加到document.documentElement,但是当我通过任何机制将事件处理程序附加到任何类型的SVGElement时,没有任何反应......SVG,g,rect......我从SVG规范中看到这不受支持(W3SVGlistofevents),但是是否有任何浏览器支持任何“附加功能”?我无法在Chrome或Firefox上运行以下内容...Keyeventtestbody,html{margin:0;padding:0;